<?php
//echo $this->baseUrl() . '/js/fullcalendar/fullcalendar.css';
//$this->headLink()->appendStylesheet('/path/to/css');
//$this->headLink()->appendStylesheet($this->baseUrl() . '/js/fullcalendar/fullcalendar.css');
//$this->headLink()->appendStylesheet($this->baseUrl() . '/js/fullcalendar/fullcalendar.print.css');
?>

<!--<link rel='stylesheet' type='text/css' href='js/fullcalendar/fullcalendar.css' />-->
<!--<link rel='stylesheet' type='text/css' href='js/fullcalendar/fullcalendar.print.css' media='print' />-->

<!--<script type='text/javascript' src='js/fullcalendar/jquery/jquery-1.5.2.min.js'></script>-->
<!--<script type='text/javascript' src='js/fullcalendar/jquery/jquery-ui-1.8.11.custom.min.js'></script>-->
<!--<script type='text/javascript' src='js/fullcalendar/fullcalendar.min.js'></script>-->

<script type='text/javascript'>


    // alert(french_option);

    $(document).ready(function() {

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        var calendar = $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'Agenda',
                right: 'month,agendaWeek,agendaDay'
            },
            //theme:true,
            firstDay : 1,

            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Event Title:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                    {
                        title: title,
                        start: start,
                        end: end,
                        allDay: allDay
                    },
                    true // make the event "stick"
                );
                }
                calendar.fullCalendar('unselect');
            },
            editable: true,
            events: [
                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d-5),
                    end: new Date(y, m, d-2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d-3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d+4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d+1, 19, 0),
                    end: new Date(y, m, d+1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
        });
    });

</script>

<div class="span12">
    <div id='calendar' style="width:900px; margin: 0 auto;"></div>
</div>

